<template>
    <div class="loading-mask">
		<div class="mask">
			<i class="is-loading-transition iconfont icon-loading"></i>
			<span>正在生成</span>
		</div>
	</div>
</template>
<style lang="scss" scoped>
.loading-mask {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	.mask {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		border-radius: 0.8rem;
		background-color: rgba(0, 0, 0, .6);
		padding: 2rem;
		color: #fff;
	}
	.iconfont {
		font-size: 2rem;
	}
	span {
		display: block;
		margin-top: 1rem;
		font-size: 1.4rem;
	}
}
</style>